.container {
  padding: 0rpx !important;

  .top-show {
    width: 100%;
    height: 360rpx;

    .top-show-img {
      width: 100%;
      height: 100%;
    }
  }

  .bottom-show {
    margin: 0 16rpx;

    .section {
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 20rpx;
      padding: 20rpx;
    }

    .user-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: -86rpx;

      .avatar-container {
        display: flex;
        align-items: center;

        image {
          width: 120rpx;
          height: 120rpx;
          border-radius: 50%;
          margin-right: 20rpx;
        }

        .no-login {
          display: flex;
          flex-direction: column;
          font-size: 20rpx;

          text:first-child {
            font-size: 35rpx;
          }

          .ellipsis {
            width: 400rpx;
            overflow: hidden;
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: 600;
            font-family: 'KaiTi';
            white-space: nowrap;
          }
        }
      }
    }

    .order {
      background-color: #fff;
      margin-top: 20rpx;

      .order-title-wrap,
      .order-content-wrap {
        padding: 20rpx;
        display: flex;
        justify-content: space-between;
      }

      .order-title-wrap {
        font-size: 30rpx;
        .title {
          color: #444;
          //   font-weight: 700;
        }

        .more {
          color: #ccc;
        }
      }

      .order-content-wrap {
        display: flex;

        .iconfont {
          font-size: 60rpx;
          text-align: center;
        }

        text {
          font-size: 30rpx;
          margin-top: 20rpx;
        }
      }

      .order-content-item {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
    }

    .after-scale {
      margin-top: 30rpx;

      .order-title-wrap {
        line-height: 50rpx;

        .title {
          font-size: 32rpx;
          font-weight: 600;
        }
      }

      .after-scale-item {
        display: flex;
        margin: 25rpx 15rpx;
        color: #999;
        line-height: 50rpx;

        text {
          font-size: 30rpx;
          margin-left: 20rpx;
          font-weight: 600;
          font-family: 'STZhongsong';
        }

        .iconfont {
          color: #a2b364;
        }
      }
    }

    .info-footer {
      height: 100rpx;
      line-height: 100rpx;
      text-align: center;
      color: #aaa;
      font-size: 25rpx;
    }
  }
}
